body {
  --juejin-layer-golden-1: #faf3e5;
  --juejin-layer-golden-2: #f6e7cb;
  --juejin-component-hover: #e4e6eb;
  --juejin-gradientgold_normal_start: #fde8c3;
  --juejin-gradientgold_normal_end: #edd3a7;
  --juejin-gradientgold_hover_start: #f1dfc0;
  --juejin-gradientgold_hover_end: #e6c99b;
  --juejin-gradientgold_click_start: #e9d5b3;
  --juejin-gradientgold_click_end: #dac29a;
  --juejin-layer_loading_start: rgba(228, 230, 235, 0);
  --juejin-layer_loading_end: rgba(228, 230, 235, 0.5);
  --juejin-layer_golden_2: #faf3e5;
  --juejin-font_golden_4: #7e5d25;
  --juejin-font-golden-1: #7e5d25;
  --juejin-font-golden-2: #8a795c;
  --juejin-font-golden-3: #d6b885;
  --juejin-gray-0: #fff;
  --juejin-gray-1-1: #e4e6eb;
  --juejin-gray-1-2: rgba(228, 230, 235, 0.5);
  --juejin-gray-1-3: #e4e6eb;
  --juejin-gray-2: #f2f3f5;
  --juejin-gray-3: #f7f8fa;
  --juejin-background: #f2f3f5;
  --juejin-layer-1: #fff;
  --juejin-layer-2-1: #f7f8fa;
  --juejin-layer-2-2: rgba(247, 248, 250, 0.7);
  --juejin-layer-3-fill: #f2f3f5;
  --juejin-layer-3-border: #e4e6eb;
  --juejin-layer-4-dropdown: #fff;
  --juejin-layer-5: #fff;
  --juejin-brand-1-normal: #1e80ff;
  --juejin-brand-2-hover: #1171ee;
  --juejin-brand-3-click: #0060dd;
  --juejin-brand-4-disable: #abcdff;
  --juejin-brand-5-light: #eaf2ff;
  --juejin-mask-1: rgba(0, 0, 0, 0.4);
  --juejin-mask-2: #fff;
  --juejin-mask-3: none;
  --juejin-brand-fill1-normal: rgba(30, 128, 255, 0.05);
  --juejin-brand-fill2-hover: rgba(30, 128, 255, 0.1);
  --juejin-brand-fill3-click: rgba(30, 128, 255, 0.2);
  --juejin-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
  --juejin-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
  --juejin-brand-stroke3-click: rgba(30, 128, 255, 0.6);
  --juejin-font_danger: #ff5132;
  --juejin-font-1: #252933;
  --juejin-font-2: #515767;
  --juejin-font-3: #8a919f;
  --juejin-font-4: #c2c8d1;
  --juejin-font-brand1-normal: #1e80ff;
  --juejin-font-brand2-hover: #1171ee;
  --juejin-font-brand3-click: #0060dd;
  --juejin-font-brand4-disable: #abcdff;
  --juejin-font-success: #2bb91b;
  --juejin-font-warning: #ff8412;
  --juejin-font-danger: #ff5132;
  --juejin-font-white-disable: #fff;
  --juejin-font-white: #fff;
  --juejin-success-1-normal: #00b453;
  --juejin-success-2-deep: #00964e;
  --juejin-success-3-light: #e2faed;
  --juejin-warning-1-normal: #ff7426;
  --juejin-warning-2-deep: #e05e00;
  --juejin-warning-3-light: #fff3e5;
  --juejin-danger-1-normal: #f64242;
  --juejin-danger-2-deep: #cb2634;
  --juejin-danger-3-light: #fff2ff;
  --juejin-sub-1-purple: #9f54ff;
  --juejin-sub-2-blue: #57a0ff;
  --juejin-sub-3-cyan: #5ad7ff;
  --juejin-sub-4-green: #33d790;
  --juejin-sub-5-yellow: #ffcc15;
  --juejin-sub-6-orange: #ff834e;
  --juejin-sub-7-red: #ff5e54;
  --juejin-coupon_1_button: #f64242;
  --juejin-coupon_1_button_disable: #faa0a0;
  --juejin-coupon_2_card: rgba(255, 245, 244, 0.7);
  --juejin-coupon_3_stroke: rgba(246, 66, 66, 0.2);
  --juejin-navigation: #fff;
  --juejin-shade-1: rgba(0, 0, 0, 0.4);
  --juejin-shade-2: rgba(0, 0, 0, 0.6);
  --juejin-popup: #fff;
  --juejin-popover: #464646;
  --juejin-sheets: #f7f8fa;
  --juejin-coupon-button: #f64242;
  --juejin-coupon-button-disable: #faa0a0;
  --juejin-coupon-card: rgba(255, 245, 244, 0.7);
  --juejin-layer-loading-start: #e4e6eb;
  --juejin-layer-loading-end: rgba(228, 230, 235, 0.5);
  --juejin-font-priv-hint: #916be1;
  --juejin-background-jscore-radar: #232323;
  --juejin-button-shadow-hover: #ddd;
}


li.item {
  a {
    text-decoration: none;
  }

  .footer-tag.width-limited {
    max-width: unset;
    padding: 2px 6px;
  }

  .title {
    margin: 0 !important;
    border-bottom: none;
    font-size: 17px;
  }

  .liked-wrap {
    margin-top: -2px;
  }

  .entry-footer-tags {
    font-size: 12px;
  }

  .content-wrapper {
    flex-direction: row-reverse;
  }

  .new-article-img-div {
    flex: 0 0 100px;
    margin-right: 15px;
    position: relative;
  }

  img.lazy.thumb {
    margin: 0;
    width: 100px;
    height: 100px;
    object-fit: cover;
  }

  .new-article-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url();
    background-size: 30px;
    width: 30px;
    height: 30px;
  }

  .abstract {
    height: 45px;
    margin-top: 5px;
    color: #616161;
    display: block;
    text-decoration: none;

    a {
      line-height: 20px;
      -webkit-line-clamp: 2;
    }
  }

  i.eye.icon, i.comment.icon {
    position: inherit;
    display: inline-block;
    border: none;
    margin-right: 3px;
  }

  ul.action-list.jh-timeline-action-area {
    a {
      color: var(--juejin-font-3);

      &:hover {
        color: #4285f4;
      }
    }
  }

  .entry {
    padding-left: 15px;
    padding-right: 15px;
  }


}

